import React from 'react';
import _ from 'lodash';


import Card from './Card';

function generateCards(pics) {
    // 先是重复一遍数组,然后打乱数组的排序
    const picsPairs = _.concat(_.clone(pics),  pics);
    console.log(picsPairs);

    const list =  _.shuffle(picsPairs);
    return list.map((item) => {
        return (
           <Card image={item} isShow={}></Card>
        )
    })
}

function GameBoard({images, picStatusList}) {
    const listItems = generateGameCard(images);
    return (
        <div className={"grid grid-cols-4 grid-rows-3 gap-6 w-1/2 mx-auto my-10"}>
            {generateCards()}
        </div>
    );
}


export default GameBoard;